<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!--样式-->
    <style type="text/css">
        #main {
            float: left;
            width: 80%;
            margin-left: -20px;
            overflow: hidden;
        }

        .mod-main {
            padding: 10px;
            background-color: #fff;
            margin-bottom: 20px;
        }

        .mod-main .mt {
            display: inline-block;
            display: block;
            padding: 10px;
        }

        .m, .mb, .mc, .mt, .sm, .smb, .smc, .smt {
            overflow: hidden;
            zoom: 1;
        }

        .mod-main .mc {
            overflow: visible;
        }

        .mod-main .mt .extra-l {
            float: left;
        }

        ol, ul {
            list-style: none;
        }

        .mod-main .mt .extra-l li {
            float: left;
            padding-left: 20px;
        }

        .mod-main .mt .extra-l li a.curr {
            padding-bottom: 0;
            color: #e4393c;
            border-bottom: 2px solid #e4393c;
            font-weight: 700;
            cursor: pointer;
            text-decoration: none;
        }

        li {
            list-style: none;
        }

        .mod-main .mt .extra-l li a {
            display: inline-block;
            padding-bottom: 2px;
            color: #999;
        }

        .mod-main .mc {
            overflow: visible;
        }

        .userset-lcol {
            float: left;
            width: 500px;
        }

        .user-set {
            background-color: #fff;
            padding: 20px 5px 0 15px;
        }

        .form .item {
            display: inline-block;
            display: block;
            margin-bottom: 20px;
            line-height: 30px;
        }

        .form .item span.label {
            float: left;
            height: 18px;
            line-height: 18px;
            padding: 6px 0;
            width: 100px;
            text-align: right;
        }

        .form em {
            color: #e4393c;
        }

        em, i, u {
            font-style: normal;
        }

        .fl {
            float: left;
        }

        .form .itxt, .form .text {
            height: 18px;
            width: 127px;
            padding: 5px 23px 5px 5px;
        }

        .form .area, .form .itxt, .form .sele, .form .selt {
            line-height: 18px;
            border: 1px solid #ccc;
            padding: 5px;
            float: none;
            font-family: "Microsoft YaHei";
            font-size: 12px;
        }

        .clear, .clr {
            display: block;
            overflow: hidden;
            clear: both;
            height: 0;
            line-height: 0;
            font-size: 0;
        }

        .user-set .birthday-info {
            width: 397px;
            overflow: hidden;
        }

        .form .jdcheckbox, .form .jdradio {
            float: none;
            vertical-align: -2px;
            margin: 0 3px 0 0;
            padding: 0;
        }

        .mr10 {
            margin-right: 10px;
        }

        .user-set .birthday-info {
            width: 397px;
            overflow: hidden;
        }

        .form .selt1 {
            width: 70px;
        }

        .ml5 {
            margin-left: 5px;
        }

        .mr5 {
            margin-right: 5px;
        }

        .ftx-03, .ftx03 {
            color: #999;
        }

        .user-set .interest-list {
            width: 400px;
        }

        .user-set .interest-list ul {
            display: inline-block;
            display: block;
        }

        .user-set .interest-list li.i-li {
            height: 36px;
            padding: 0;
            border: none;
        }

        .user-set .interest-list li {
            float: left;
            height: 18px;
            line-height: 18px;
            border: 1px solid #cfcfcf;
            padding: 8px 9px;
            margin: 10px 10px 0 0;
            cursor: pointer;
            white-space: nowrap;
        }

        .btn-5:link, .btn-5:visited, .btn-6:link, .btn-6:visited, .btn-7:link, .btn-7:visited, .btn-8:link, .btn-8:visited {
            color: #323333;
            text-decoration: none;
        }

        body {
            font: 12px/150% tahoma, arial, Microsoft YaHei, Hiragino Sans GB, "\u5b8b\u4f53", sans-serif;
            -webkit-font-smoothing: antialiased;
            color: #666;
            background: #fff;
        }

        #container, #container .w {
            background-color: #f5f5f5;
        }

        #content {
            padding-left: 120px;
            padding-top: 20px;
            display: inline-block;
            display: block;
        }

        a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
            margin: 0;
            padding: 0;
        }

        .form .item:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

        .btn-5:link, .btn-5:visited, .btn-6:link, .btn-6:visited, .btn-7:link, .btn-7:visited, .btn-8:link, .btn-8:visited {
            color: #323333;
            text-decoration: none;
        }

        .btn-5, .btn-6, .btn-7, .btn-8 {
            background-color: #f5fbef;
            background-image: -moz-linear-gradient(top, #f5fbef, #eaf6e2);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5fbef), color-stop(1, #eaf6e2));
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2', GradientType='0');
            -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fbef', endColorstr='#eaf6e2');
            background-image: linear-gradient(to bottom, #f5fbef 0, #eaf6e2 100%);
            border-radius: 2px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            height: 18px;
            line-height: 18px;
            border: 1px solid #bfd6af;
            padding: 2px 14px 3px;
            color: #323333;
        }

        element.style {
            width: 280px;
        }

        .ac {
            text-align: right;
        }

        .fr {
            float: right;
        }

        .ftx-05, .ftx05 {
            color: #005ea7;
        }

        #user-info {
            overflow: hidden;
            width: 280px;
            float: left;
            padding: 10px;
            margin-bottom: 10px;
            height: 102px;
            background: #f5fbef;
            border: 1px solid #ccc;
            color: #666;
            line-height: 20px;
        }

        #user-info .u-pic {
            position: relative;
            z-index: 0;
            float: left;
            width: 104px;
            height: 104px;
            overflow: hidden;
            text-align: center;
            margin-right: 6px;
        }

        #user-info .u-pic img {
            width: 100px;
            height: 100px;
        }

        img {
            border: 0;
            vertical-align: middle;
        }

        #user-info .u-pic .mask {
            background: url(//misc.360buyimg.com/user/myjd-2015/css/i/myjd-bg2.png) 0 0;
            width: 104px;
            height: 104px;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
        }

        #user-info .u-pic .face-link-box {
            display: none;
            background: #000;
            z-index: 1;
            position: absolute;
            width: 100px;
            text-align: center;
            left: 0;
            bottom: 4px;
            height: 30px;
            opacity: .5;
            filter: alpha(opacity=50);
        }

        #user-info .u-pic .face-link {
            display: none;
            position: absolute;
            width: 100px;
            text-align: center;
            left: 0;
            bottom: 4px;
            height: 30px;
            line-height: 30px;
            overflow: hidden;
            color: #fff;
            z-index: 3;
        }

        #user-info .info-m {
            float: left;
            width: 170px;
        }

        #user-info .info-m .u-level {
            margin-bottom: 5px;
            height: 18px;
        }

        #user-info .info-m .u-level .rank {
            margin-right: 10px;
        }

        .rank.jxz {
            height: 19px;
            line-height: 19px;
        }

        .rank {
            margin-right: 10px;
            display: inline-block;
            height: 17px;
            line-height: 17px;
        }

        #user-info .info-m .u-level .rank.jxz s {
            width: 19px;
            height: 19px;
            margin-right: 3px;
            background: url(//misc.360buyimg.com/user/myjd-2015/widget/common/i/jxz-icon.png);
        }

        #user-info .info-m .u-level .rank s {
            background: url(//misc.360buyimg.com/user/myjd-2015/css/i/rank2014.gif) no-repeat 0 0;
            display: inline-block;
            height: 17px;
            margin-right: 5px;
            text-decoration: none;
            width: 17px;
            vertical-align: middle;
            overflow: hidden;
        }

        #user-info .info-m .u-level .rank.jxz a {
            font-family: simson;
            color: #F03435;
        }

        #user-info .info-m .u-level .rank a {
            display: inline-block;
            vertical-align: middle;
        }

        #user-info a {
            color: #005ea7;
        }

        #sub {
            float: left;
            width: 120px;
            position: relative;
            left: -50px;
        }

        #menu {
            width: 100px;
            padding-left: 10px;
        }

        #menu dl {
            padding-bottom: 15px;
        }

        #menu dl dt {
            height: 28px;
            line-height: 28px;
            color: #333;
            font-weight: 700;
        }

        #menu dl dd {
            color: #666;
            line-height: 24px;
        }

        #menu dl dd.curr a {
            color: #e4393c;
            font-weight: 700;
        }


    </style>
    <link rel="stylesheet" href="/static/index/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="/static/index/css/GL.css">
    <script src="/static/index/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="/static/index/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>

    <script src="/static/index/js/swiper-3.4.2.min.js"></script>

</head>

<body>
<div class="top_find">
    <div class="top_find_son">
        <img src="/static/index/img/top_find_logo.png">
        <div class="input_find">
            <input type="text" placeholder="卸妆水"/>
            <span style="background: url(/static/index/img/img_12.png) 0 -1px;"></span>
            <a href="/static#"><img src="/static/index/img/img_09.png"/></a>
        </div>
    </div>
</div>
<ul class="left_floor">
    <li class="left_floor_xiang">享品质</li>
    <li class="left_floor_fu">服饰美妆</li>
    <li class="left_floor_jia">家电手机</li>
    <li class="left_floor_dian">电脑数码</li>
    <li class="left_floor_3C">3C运动</li>
    <li class="left_floor_ai">爱吃</li>
    <li class="left_floor_mu">母婴家居</li>
    <li class="left_floor_tu">图书汽车</li>
    <li class="left_floor_you">游戏金融</li>
    <li class="left_floor_lv">旅行健康</li>
    <li class="left_floor_hai">还没逛够</li>
    <li class="left_floor_ding">顶部</li>
</ul>
<header>
    <div class="head">
        <a href="http://www.drygoods.top"><img src="/static/index/img/img_01.png"/></a>
        <p>X</p>
    </div>
    <!--头部-->
    <div class="header_head">
        <div class="header_head_box">
            <ul>
                <li>
                    <a href="http://www.drygoods.top" class="header_head_p_a1" style="width:73px;">
                        drygoods首页
                    </a>
                    <a th:if="${session.loginUser!=null}">
                        欢迎：[[${(session.loginUser!=null)?session.loginUser.username:''}]]
                    </a>
                    <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/login.html">
                        您好，请登录
                    </a>
                </li>
                <li>
                    <a th:if="${session.loginUser==null}" href="http://auth.drygoods.top/reg.html" class="li_2">
                        免费注册
                    </a>
                </li>
                <span>|</span>
                <li>
                    <a href="http://member.drygoods.top/orderList.html">我的订单</a>
                </li>


            </ul>
        </div>
    </div>

    <!--个人信息主体-->
    <div id="container">
        <div class="w">
            <div id="content">
                <div id="sub">
                    <div id="menu">
                        <dl class="fore1">
                            <dt id="_MYJD_setting">设置</dt>
                            <dd class="fore1_1 curr" id="_MYJD_info">
                                <a href="http://member.drygoods.top/members.html"
                                   target="_self">个人信息</a>
                            </dd>
                            <dd class="fore1_3" id="_MYJD_accbinde">
                                <a href="http://member.drygoods.top/membersBinding.html"
                                   target="_self">账号绑定</a>
                            </dd>

                            <dd class="fore1_5" id="_MYJD_comments">
                                <a clstag="homepage|keycount|home2013|homeadd"
                                   href="http://member.drygoods.top/membersAddress.html" target="_self">收货地址</a>
                            </dd>
                        </dl>
                    </div>
                </div>

                <div id="main">
                    <div class="mod-main">
                        <div class="mt">
                            <ul class="extra-l">
                                <li class="fore-1"><a class="curr"
                                                      href="http://member.drygoods.top/members.html">基本信息</a></li>
                                <li class="fore-2"><a href="http://member.drygoods.top/membersHeader.html">头像照片</a></li>
                                <li class="fore-3"><a href="http://member.drygoods.top/membersMoreInfo.html">更多个人信息</a>
                                </li>

                            </ul>
                        </div>
                        <div class="mc">
                            <div class="user-set userset-lcol">
                                <div class="form">
                                    <div class="item">
                                        <span class="label"><em>*</em>昵称：</span>
                                        <div class="fl">
                                            <input id="code" value="" style="display:none">
                                            <input id="rkey" value="" style="display:none">
                                            <input clstag="homepage|keycount|home2013|infoname" type="text" class="itxt"
                                                   maxlength="20" id="nickName" name="nickName"
                                                   th:value="${memberInfo.nickname}">
                                            <div class="clr"></div>
                                            <div class="prompt-06"><span id="nickName_msg"></span></div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <span class="label">性别：</span>
                                        <div class="fl" clstag="homepage|keycount|home2013|infoGender">
                                            <input type="radio" name="sex" class="jdradio" value="1"
                                                   th:checked="${(memberInfo.gender==1)?true:false}"><label
                                                class="mr10">男</label>
                                            <input type="radio" name="sex" class="jdradio" value="0"
                                                   th:checked="${(memberInfo.gender==0)?true:false}"><label
                                                class="mr10">女</label>
                                            <input type="radio" name="sex" class="jdradio" value="2"
                                                   th:checked="${(memberInfo.gender==2)?true:false}"><label
                                                class="mr10">保密</label>
                                        </div>
                                    </div>
                                    <div class="item" clstag="homepage|keycount|home2013|infoBirthday">
                                        <span class="label">生日：</span>
                                        <div class="fl birthday-info">
                                            <input name="year"
                                                   class="selt selt1"
                                                   th:value="${memberInfo.birth!=null?#strings.listSplit(#dates.format(memberInfo.birth,'yyyy-MM-dd'),'-')[0]:'2000'}"
                                                   id="birthdayYear">

                                            <!--                                            <select name="year" class="selt selt1" id="birthdayYear">-->
                                            <!--                                                <option th:value="0"-->
                                            <!--                                                        selected="selected">请选择：-->
                                            <!--                                                </option>-->
                                            <!--                                            </select>-->
                                            <label class="ml5 mr5">年</label>
                                            <input  name="month"
                                                    class="selt selt1"
                                                    id="birthdayMonth"
                                                   th:value="${memberInfo.birth!=null?#strings.listSplit(#dates.format(memberInfo.birth,'yyyy-MM-dd'),'-')[1]:'9'}">
<!--                                            <select name="month" class="selt selt1" id="birthdayMonth">-->
<!--                                                <option value="0" selected="selected">请选择：</option>-->
<!--                                            </select>-->
                                            <label class="ml5 mr5">月</label>
                                            <input  name="day"
                                                    class="selt selt1"
                                                    id="birthdayDay"
                                                    th:value="${memberInfo.birth!=null?#strings.listSplit(#dates.format(memberInfo.birth,'yyyy-MM-dd'),'-')[2]:'16'}">
<!--                                            <select name="day" class="selt selt1" id="birthdayDay">-->
<!--                                                <option value="0" selected="selected">请选择：</option>-->
<!--                                            </select>-->
                                            <label class="ml5 mr5">日</label>
<!--                                            <span class="ftx03">填生日有惊喜哦~</span>-->

                                        </div>
                                    </div>

                                    <div class="item">
                                        <span class="label">所在地：</span>
                                        <div class="fl">
                                            <input type="text"
                                                   class="itxt itxt1"
                                                   name="address"
                                                   id="address"
                                                   th:value="${memberInfo.city}">
                                            <div class="clr"></div>
                                            <div class="prompt-06"><span id="address_msg"></span></div>
                                        </div>
                                    </div>

                                    <div class="item">
                                        <span class="label">&nbsp;</span>
                                        <div class="fl">

                                            <a href="" class="btn-5" onclick="updateMemberInfo()">提交</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="user-info">
                                <div class="u-pic">
                                    <img alt="用户头像"
                                         th:src="${memberInfo.header}">

                                    <img th:if="${memberInfo.header==null}"
                                         src="/static/index/img/touxiang.png">

                                    <div class="mask"></div>
                                    <div class="face-link-box"></div>
                                </div>
                                <div class="info-m">
                                    <div><b>账号名：[[${memberInfo.username}]]</b></div>
                                    <br>
                                    <div class="fr ac" style="width:280px;">
                                        注：修改手机和邮箱请到<br><a clstag="homepage|keycount|home2013|infopay" class="ml5 ftx05"
                                                          href="http://member.drygoods.top/membersMoreInfo.html">更多个人信息</a>
                                    </div>
                                </div>
                            </div>

                            <div class="clr"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</header>

<div class="section_second">
    <!-- 第一层 -->
    <div style="padding-bottom: 18px;background: #eaeaea;overflow: hidden;margin-top: 10px">
        <p class="section_second_header_img"></p>
        <li style="width: 247px;float: left;margin-left: 127px">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    品类齐全，轻松购物</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    多仓直发，极速配送</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    正品好货，精致服务</p>
            </div>
        </li>
        <li style="width: 247px;float: left;margin-left: 90px;">
            <div style="position: relative;margin: 0 auto;padding-left: 45px; width: 180px;">
                <p style="overflow: hidden;
                width: 100%;
                height: 42px;
                line-height: 42px;font-size: 18px;
                font-weight: 700;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: 15px;
                color: #444;">
                    天天低价，畅选无忧</p>
            </div>
        </li>
        <br/><br><br>
        <p style="border-bottom: solid 1px #dedede;margin-bottom: 10px"></p>
        <div class="w" style="width: 1210px;text-align: center;margin-left: 165px;">
            <div class="copyright_links" style="margin: 0;padding: 0;">
                <p>
                    <a href="//about.jd.com"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">关于我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/contact/"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系我们</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//help.jd.com/user/custom.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">联系客服</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//lai.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">合作招商</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//helpcenter.jd.com/venderportal/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">商家帮助</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jzt.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">营销中心</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//app.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">手机京东</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//club.jd.com/links.aspx" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">友情链接</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//media.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">销售联盟</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3WA2zN8wkwc9fL9TxAJXHh5Nj79u/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东社区</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3TF25tMdrnURET8Ez1cW9hzfg3Jt/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">风险监测</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//about.jd.com/privacy/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">隐私政策</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//gongyi.jd.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东公益</a><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//www.joybuy.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">English
                        Site</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//corporate.jd.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Media
                        &amp; IR</a>
                </p>
            </div>
            <div class="copyright_info">
                <p>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11000002000088"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京公网安备
                        11000002000088号</a><span style="margin: 0 6px;color: #ccc;">|</span><span><a
                        href="http://beian.miit.gov.cn"
                        target="_blank"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京ICP备11041704号</a></span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3T3No18XR8k8rpLGLGhgbJ1StAFq/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">ICP</a><span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//jdwp.jd.com/544-2927.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">新出发京零 字第大120007号</span>
                </p>
                <p><span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">互联网出版许可证编号新出网证(京)字150号</span><span
                        style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//pro.jd.com/mall/active/3bVDLXHdwVmdQksGF8TtS7ocq1NY/index.html"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">出版物经营许可证</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//img10.360buyimg.com/ling/jfs/t1/164806/19/5070/567736/6017d6d6Eab06ec9c/d8ca6e029f495447.jpg"
                       target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">网络文化经营许可证京网文[2020]6112-1201号</a><span
                            style="margin: 0 6px;color: #ccc;">|</span><span
                            style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">违法和不良信息举报电话：4006561155</span>
                </p>
                <p><span class="copyright_text"
                         style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">Copyright © 2004 - <em
                        id="copyright_year"
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">2022</em>  京东JD.com 版权所有</span><span
                        style="margin: 0 6px;color: #ccc;">|</span><span
                        style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">消费者维权热线：4006067733</span>
                    <a href="//pro.jd.com/mall/active/38PitHBfR7ZopNHRSHnuuWR5AMDL/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="copyright_license">经营证照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">(京)网械平台备字(2018)第00003号</span>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/babelDiy/Zeus/ARcYnJ8coUdUecn6UQAN6TDaVmH/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       class="mod_business_license">营业执照</a>
                    <span style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="//h5.m.jd.com/pc/dev/3YxBvN6m5TsRyVCvDSeEh7awmLB4/index.html" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;"
                       rel="noopener noreferrer">增值电信业务经营许可证</a>
                </p>
                <p><span style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东旗下网站：</span>
                    <a href="https://www.jdpay.com/" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东钱包</a><span
                            style="margin: 0 6px;color: #ccc;">|</span>
                    <a href="https://www.jdcloud.com" target="_blank"
                       style="font-size: 12px;cursor: pointer;text-align: center;color: #666;text-decoration: none;">京东云</a>
                </p>
            </div>
        </div>
    </div>


</div>


</body>
<script type="text/javascript" th:inline="javascript">
    function search() {
        var keyword = $("#searchText").val()
        window.location.href = "http://search.drygoods.top/list.html?keyword=" + keyword;
    }

    $(function () {
        $.ms_DatePicker({
            YearSelector: "#birthdayYear",
            MonthSelector: "#birthdayMonth",
            DaySelector: "#birthdayDay"
        });
    });
    (function ($) {
        $.extend({
            ms_DatePicker: function (options) {
                var defaults = {
                    YearSelector: ".birthdayYear",
                    MonthSelector: ".birthdayMonth",
                    DaySelector: ".birthdayDay",
                    FirstTextYear: [[${memberInfo.birth!=null?#strings.listSplit(#dates.format(memberInfo.birth,'yyyy-MM-dd'),'-')[0]:'2000'}]],
                    FirstTextMonth: [[${memberInfo.birth!=null?#strings.listSplit(#dates.format(memberInfo.birth,'yyyy-MM-dd'),'-')[1]:'9'}]],
                    FirstTextDay: [[${memberInfo.birth!=null?#strings.listSplit(#dates.format(memberInfo.birth,'yyyy-MM-dd'),'-')[2]:'16'}]],
                    FirstValue: 0
                };
                var opts = $.extend({}, defaults, options);
                var $YearSelector = $(opts.YearSelector);
                var $MonthSelector = $(opts.MonthSelector);
                var $DaySelector = $(opts.DaySelector);
                var FirstTextYear = opts.FirstTextYear;
                var FirstTextMonth = opts.FirstTextMonth;
                var FirstTextDay = opts.FirstTextDay;
                // var FirstValue = opts.FirstValue;

                // 初始化
                var strYear = "<option value=\"" + FirstTextYear + "\">" + FirstTextYear + "</option>";
                var strMonth = "<option value=\"" + FirstTextMonth + "\">" + FirstTextMonth + "</option>";
                var strDay = "<option value=\"" + FirstTextDay + "\">" + FirstTextDay + "</option>";
                $YearSelector.html(strYear);
                $MonthSelector.html(strMonth);
                $DaySelector.html(strDay);

                // 年份列表
                var yearNow = new Date().getFullYear();
                var yearSel = $YearSelector.attr("rel");
                for (var i = yearNow; i >= 1900; i--) {
                    var sed = yearSel == i ? "selected" : "";
                    var yearStr = "<option value=\"" + i + "\" " + sed + ">" + i + "</option>";
                    $YearSelector.append(yearStr);
                }

                // 月份列表
                var monthSel = $MonthSelector.attr("rel");
                for (var i = 1; i <= 12; i++) {
                    var sed = monthSel == i ? "selected" : "";
                    var monthStr = "<option value=\"" + i + "\" " + sed + ">" + i + "</option>";
                    $MonthSelector.append(monthStr);
                }

                // 日列表(仅当选择了年月)
                function BuildDay() {
                    if ($YearSelector.val() == 0 || $MonthSelector.val() == 0) {
                        // 未选择年份或者月份
                        $DaySelector.html(strDay);
                    } else {
                        $DaySelector.html(strDay);
                        var year = parseInt($YearSelector.val());
                        var month = parseInt($MonthSelector.val());
                        var dayCount = 0;
                        switch (month) {
                            case 1:
                            case 3:
                            case 5:
                            case 7:
                            case 8:
                            case 10:
                            case 12:
                                dayCount = 31;
                                break;
                            case 4:
                            case 6:
                            case 9:
                            case 11:
                                dayCount = 30;
                                break;
                            case 2:
                                dayCount = 28;
                                if ((year % 4 == 0) && (year % 100 != 0) || (year % 400 == 0)) {
                                    dayCount = 29;
                                }
                                break;
                            default:
                                break;
                        }

                        var daySel = $DaySelector.attr("rel");
                        for (var i = 1; i <= dayCount; i++) {
                            var sed = daySel == i ? "selected" : "";
                            var dayStr = "<option value=\"" + i + "\" " + sed + ">" + i + "</option>";
                            $DaySelector.append(dayStr);
                        }
                    }
                }

                $MonthSelector.change(function () {
                    BuildDay();
                });
                $YearSelector.change(function () {
                    BuildDay();
                });
                if ($DaySelector.attr("rel") != "") {
                    BuildDay();
                }
            } // End ms_DatePicker
        });
    })(jQuery);

    function updateMemberInfo() {
        let sexs = document.getElementsByName("sex");
        for (let i = 0; i < sexs.length; i++) {
            if (sexs[i].checked == true) {
                var sex = sexs[i].value;
            }
        }
        var params = {
            'nickname': document.getElementById("nickName").value == '' ? null : document.getElementById("nickName").value,
            'gender': sex,
            'birth': new Date(document.getElementById("birthdayYear").value + "-" + document.getElementById("birthdayMonth").value + "-" + document.getElementById("birthdayDay").value),
            'city': document.getElementById("address").value == '' ? null : document.getElementById("address").value
        }
        $.ajax({
            url: "http://member.drygoods.top/member/member/update",
            data: JSON.stringify(params),
            processData: false, //默认true，设置为 false，不需要进行序列化处理
            cache: false, //设置为false将不会从浏览器缓存中加载请求信息
            async: false, //发送同步请求
            contentType: 'application/json', //避免服务器不能正常解析文件---------具体的可以查下这些参数的含义
            dataType: 'json', //不涉及跨域  写json即可
            type: 'post',
        });
        location.replace(location.href);

    }

</script>
<script type="text/javascript" src="/static/index/js/text.js"></script>
<script type="text/javascript" src="/static/index/js/header.js"></script>
<script type="text/javascript" src="/static/index/js/secend.js"></script>
<script type="text/javascript" src="/static/index/js/zz.js"></script>
<script type="text/javascript" src="/static/index/js/index.js"></script>
<script type="text/javascript" src="/static/index/js/left,top.js"></script>
<script type="text/javascript" src="/static/index/js/catalogLoader.js"></script>
</html>
